<script setup lang="ts">
import { ref } from 'vue'
const flag = ref(false)
</script>
<template>
  <button @click="flag = true">显示</button>
  <button @click="flag = false">隐藏</button>
  <XtxMessage type="warning" v-if="flag">服务器繁忙</XtxMessage>
  <!-- <XtxMessage type="warning" v-if="flag">服务器繁忙</XtxMessage>
  <XtxMessage type="warning" v-if="flag">服务器繁忙</XtxMessage>
  <XtxMessage type="warning" v-if="flag">服务器繁忙</XtxMessage>
  <XtxMessage type="warning" v-if="flag">服务器繁忙</XtxMessage> -->

  <!-- 目前实现的消息提示组件 是用结构展示的, 通过手动点击按钮的方式控制显示隐藏 -->
  <!-- 手动准备结构很麻烦=>  通过函数的方式动态的去创建消息提示的结构 -->
</template>
<style scoped>
</style>